<template>
  <div class="header">
    <h1>我是header子组件</h1>
    <button @click="clickHandler">通过自定义事件给父组件传递东西</button>
    <br>

    <button @click="clickHandler2">给兄弟Footer送房子</button>
    <SunZi></SunZi>
  </div>
</template>

<script>
import SunZi from './SunZi'
export default {
    name:'',
    methods:{
        clickHandler(){
               //用户点击按钮的时候:通过$emit方法触发自定义事件！！！
z
          //豪哥问题:VC可以使用$emit方法?$emit是谁的方法?
          //$emit方法是VC原型的原型的方法Vue.prototype方法
          //第一个参数:自定义事件类型  第二个参数以后:注入事件回调函数
          this.$emit('getData','父亲送我十套房')
        },
        clickHandler2(){
            this.$bus.$emit('homes','好兄弟送你一套房子')
        }
    },
    components:{
        SunZi
    }
};
</script>

<style scoped>
.header {
  width: 400px;
  height: 200px;
  background: yellowgreen;
  margin: 50px 0px;
}
</style>